.bg1{background: #efeff4 url(/images/activity/invitation/banner.png) 50% 0 no-repeat;width:100%; margin:0 auto;  height:468px;}
.area1{width:1274px; height:468px; margin:0 auto; position:relative;}
.bg2{background: #efeff4 url(/images/activity/invitation/bg1.png) 50% 0 no-repeat;width:100%; margin:0 auto;  height:379px;}
.area2{width:1274px; height:379px; margin:0 auto; position:relative;}
.bg3{background: #efeff4 url(/images/activity/invitation/bg2.png) 50% 0 no-repeat;width:100%; margin:0 auto;  height:584px;}
.area3{width:1274px; height:584px; margin:0 auto; position:relative;}
.bg4{background: #efeff4 url(/images/activity/invitation/bg3.png) 50% 0 no-repeat;width:100%; margin:0 auto;  height:797px;}
.area4{width:1274px; height:797px; margin:0 auto; position:relative;}
.bg5{background: #efeff4 url(/images/activity/invitation/bg4.png) 50% 0 no-repeat;width:100%; margin:0 auto;  height:332px;}
.area5{width:1274px; height:270px; margin:0 auto; position:relative;}
.area2 p{ font-size: 20px; color: #fff;  text-align: left; width: 930px; margin: 0 auto; padding-top: 40px;line-height: 34px;}
.area2 .fw20{ padding-top: 70px;}
.area3 p{ font-size: 24px; color: #fff;  text-align: center; width: 930px; margin: 0 auto; padding-top: 120px;line-height: 50px;}
.area3 .u-bgred{ background: url(/images/activity/invitation/bg5.png) no-repeat; width: 541px; height: 212px; margin: 60px auto 0;}
.area3 .u-bgred p{width: 541px; text-align: center; font-size: 36px; color: #fff;     padding: 31px 0;line-height: 70px;}
.area3 .u-bgred .f-size{ font-size: 86px; color: #fff;font-weight: bold;font-family: Arial;}
.area3 .u-bgred .flw20{ padding-left: 10px;}
.area3 .u-bgred .u-but{ display: block; width: 407px; height: 62px; border: none;background: none;line-height: 62px; font-size: 27px; color: #f64a3d; text-align: center;margin: 0 auto;}
.area4 p{ font-size: 24px; color: #fff;  text-align: left; width:720px; margin: 0 auto; padding-top: 120px;line-height: 35px;}
.area4 .f-size{ font-size: 20px; padding:60px 0 0;}
.area4  table{width:730px; margin: 20px auto 0; font-size: 20px; color: #fff;}
.area4  table tr th,.area4  table tr td{ height: 51px; line-height: 51px; border-right: 1px solid #fff; text-align: center;}
.area4  table tr{ border-top: 1px solid #fff;}
.area4 .u-right{ border: none;}
.area4 .u-right1{border-bottom: 1px solid #fff; }
.area4 .u-right1 td{ border-right: none;text-align: left;padding-left: 24px;}
.area4 .u-but{ display: block; background: url(/images/activity/invitation/but.png) no-repeat; width: 325px; height: 59px; line-height: 59px; font-size: 20px; text-align: center; margin:94px auto 0; color: #fff; border: none;}
.area5 .u-title{ width: 144px; height: 39px; line-height: 39px; font-size: 20px; color: #65701d; background: #fff; border-radius: 20px; text-align: center; }
.area5{ width: 720px; margin:  0 auto; padding: 40px 0 20px 0;}
.area5 ul li{ font-size: 20px; color: #fff;line-height: 45px;}
.area5 ul{ padding-top: 30px;}	
.u-content{ width: 514px; height: 116px; background: #FFF; margin: 20% auto; padding: 92px 143px; position: relative;}
.u-error{position: absolute; top: 10px; right: 10px;}
.fl{ float:left}
.fr{ float:right}
.u-left .u-te{font-size:18px; color: #97ad14;}
.u-left .u-te i{ background: url(/images/activity/invitation/share.png) no-repeat;  width: 27px;  height: 23px; display: inline-block; vertical-align: middle; margin-left: 10px;}
.u-left{ width: 241px;}
.u-right{ width: 220px;}
.u-share{margin-top: 56px;}
.u-share a{ float: left; width: 50px; height: 50px; margin-right: 10px;}
.u-right .u-te{font-size:18px; color: #97ad14; text-align: center;}
.u-right .u-te i{ background: url(/images/activity/invitation/link.png) no-repeat;  width: 27px;  height: 23px; display: inline-block; vertical-align: middle; margin-left: 10px;}
.u-right .u-but{ width:217px ;  height:43px ;line-height: 43px;font-size: 18px;color: #fff; text-align: center; display: block; background: #ff7734; margin:  65px auto 0; border: none;}
.u-content .u-error:hover{cursor:pointer}










